/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../base/library.less";
@import "../../../../../Base/baseLib/sap_belize_hcw/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_belize_hcw/base.less" */

@import "../../../../sap/ui/core/themes/sap_belize_hcw/global.less";

/* START "Avatar.less" */
/* ============================= */
/* CSS for control sap.f/Avatar  */
/* High Contrast White theme     */
/* ============================= */

.sapFAvatarBorder > .sapFAvatarImageHolder {
	box-shadow: 0 0 0 0.0625rem @sapUiContentShadowColor inset;
}

.sapFAvatarImageContain,
.sapFAvatarIcon,
.sapFAvatarInitials {
	border: 0.125rem solid @sapUiFieldBorderColor;
	box-sizing: border-box;
}

.sapFAvatarFocusable:focus {
	outline-width: 0.125rem;
}
/* END "Avatar.less" */

/* START "DynamicPage.less" */
/* ================================== */
/* CSS for control sap.f/DynamicPage  */
/* Belize High Contrast White theme   */
/* ================================== */

/* Tablet and Desktop */
.sapFDynamicPageToggleHeaderIndicator,
.sapFDynamicPageHeaderPinButton {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.375rem;

	.sapMBtnInner {
		height: 2rem;
		bottom: 0.5rem;

		.sapMBtnIcon {
			line-height: 2rem;
		}
	}
}

/* Compact */
.sapUiSizeCompact {
	.sapFDynamicPageToggleHeaderIndicator,
	.sapFDynamicPageHeaderPinButton {
		width: 2rem;
		height: 2rem;
		font-size: 1rem;

		.sapMBtnInner {
			height: 1.25rem;
			bottom: 0.375rem;

			.sapMBtnIcon {
				line-height: 1.25rem;
			}
		}
	}
	.sapFDynamicPageToggleHeaderIndicator {
		margin-left: -1rem;
	}
	.sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
		margin-left: -2rem;
	}
}

.sapFDynamicPageHeaderPinButton > .sapMBtnInner {
		border: 0.0625rem solid;
		&:not(.sapMToggleBtnPressed) {
			background-color: @sapHC_StandardBackground;
		}

}

.sapFDynamicPageHeaderPinButton:hover > .sapMBtnInner.sapMBtnHoverable {
	background-color: @sapUiHighlight;

	&.sapMToggleBtnPressed {
		background-color: @sapUiToggleButtonPressedHoverBackground;
	}
}

.sapFDynamicPageHeaderPinButton > .sapMBtnInner.sapMBtnActive,
.sapFDynamicPageHeaderPinButton > .sapMBtnInner.sapMBtnActive.sapMBtnHoverable {
	background-color: @sapUiHighlight;
}

.sapFDynamicPage {
	/* DynamicPageTitle and Toggle Header Visual Indicator hover state */
	html.sap-desktop & {
		&.sapFDynamicPageTitleClickEnabled {
			.sapFDynamicPageTitle:hover,
			&.sapFDynamicPageTitleForceHovered .sapFDynamicPageTitle {
				background: @sapUiHighlight;
				box-shadow: @sapUiShadowHeader;
			}
			&.sapFDynamicPageTitleForceHovered {
				.sapFDynamicPageToggleHeaderIndicator {
					.sapMBtnInner {
						background-color: @sapUiHighlight;
					}
				}
			}
		}
	}

	// Footer
	.sapFDynamicPageFooter {
		opacity: 1;

		.sapFDynamicPageActualFooterControl.sapMTB {
			box-shadow: @sapUiShadowLevel2;
			border-bottom: 0 none;
		}
	}
}
/* END "DynamicPage.less" */

/* START "DynamicPageTitle.less" */
/* ======================================= */
/* CSS for control sap.f/DynamicPageTitle  */
/* High Contrast White theme               */
/* ======================================= */

.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle:focus,
.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle:focus {
	box-shadow: none;
}

html.sap-desktop .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
	outline-width: 0.125rem;
	outline-offset: -0.25rem; // due to bottom border overlapping
}

.sapFDynamicPageTitle .sapFDynamicPageTitleActionsBar {
	background: none;
}

.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnappedTitleOnMobile > .sapFDynamicPageTitle {
	border-bottom: 1px solid @sapUiObjectHeaderBorderColor;
}

/* IE and Edge ignores outline-offset. Use an overlay: */
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
		outline: none;
		position: relative;
	}
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 98%; // due to bottom border overlapping
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dashed @sapUiContentFocusColor;
		pointer-events: none;
	}
}

/* Firefox fix due to focus cut out from top and left */
html[data-sap-ui-browser^="ff"].sap-desktop {
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
		outline: none;
		position: relative;
	}
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 98%; // due to bottom border overlapping
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dotted @sapUiContentFocusColor;
		pointer-events: none;
	}
}
/* END "DynamicPageTitle.less" */

/* START "FlexibleColumnLayout.less" */
/* =========================================== */
/* CSS for control sap.f/FlexibleColumnLayout  */
/* Belize High Contrast White theme            */
/* =========================================== */

// Cozy mode
.sapFFCL > {
	& > .sapFFCLColumnMid.sapFFCLColumnActive {
		border-left: 1px solid @sapUiGroupContentBorderColor;
		border-right: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
		border-right: none;
		border-left: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
		border-right: 1px solid @sapUiGroupContentBorderColor;
		border-left: none;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnOnlyActive {
		border-right: none;
		border-left: none;
	}
}

.sapFFCL {
	.sapFFCLNavigationButton {
		.sapMBtnInner {
			border: 1px solid @sapUiButtonBorderColor;

			&:before,
			&:after {
				background-size: 0.125rem 100%;
				background-position-x: calc(50% - 0.0625rem);
			}
			&:before {
				background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, @sapUiGroupContentBorderColor);
			}

			&:after {
				background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, @sapUiGroupContentBorderColor);
			}
			.sapMBtnIcon {
				width: auto;
			}
		}
	}
}

/* END "FlexibleColumnLayout.less" */

/* START "Card.less" */
/* ============================= */
/* CSS for control sap.f/Card  */
/* High Contrast White theme     */
/* ============================= */

@_sap_f_Card_Header_Hover_Color: @sapUiHighlight;
@_sap_f_Card_Header_Active_Color: @sapUiHighlight;

.sapFCard .sapFCardHeader {
  border-bottom: 1px solid @sapUiTileBorderColor;

  .sapFCardIcon.sapFAvatar{
    .sapUiIcon {
      color: @sapUiContentIconColor;
    }
  }
}
/* END "Card.less" */

/* START "ShellBar.less" */
/* ============================= */
/* CSS for control sap.f/ShellBar  */
/* High Contrast White theme     */
/* ============================= */

@_sap_f_Shell_Bar_Copilot_Design: dark; // Possible designs are "dark" and "light"

.sapFButtonNotifications[data-notifications],
.sapFShellBarOverflowButton[data-notifications] {
	&:after {
        line-height: 1rem;
        background: @sapUiGroupContentBackground;
        border: solid 1px @sapUiGroupContentBorderColor;
        color: @sapUiContentForegroundTextColor;
    }
}.sapFShellBar .CPImage {
	.color1 {
		stop-color: #000000;
	}
	.color2 {
		stop-color: #000000;
	}
	&:focus {
		outline-width: 0.125rem;
		outline-offset: -0.375rem;
	}
	html[data-sap-ui-browser^="ie"] &:focus:before {
		border-width: 0.125rem;
	}
}
/* END "ShellBar.less" */
